Hệ thống bổ nhiệm bác sĩ trong PHP bằng mã nguồn
1 @import url('https://fonts.googleapis.com/css?family=Play');
2 @import url('https://fonts.googleapis.com/css?family=El+Messiri');
3 body{
4 /*padding: 5px auto;*/
5 font-family: 'El Messiri', sans-serif;
6 background:url(../img/bg3.jpg) fixed no-repeat;
7 background-size:cover;
8 }
9 .container-fluid{
10 /*background-color: white;*/
11 padding-right:0px;
12 padding-left:0px;
13 margin-right: auto;
14 margin-left: auto;
15 }
16
17 .header_top{
18 background:url(../img/header_img4.jpg) fixed no-repeat;
19 width: 100%;
20 height:323px;
21 background-size: 100% 80%!important;
22 font-family: 'El Messiri', sans-serif;
23
24
25 }
26 .header_top img{
27 border-radius: 50%;
28 }
29 /*this is for present menu*/
30 .menu{background-color:rgba(34, 35, 37, 0.99)!important;width:auto;height:35px}
31 .navbar-default {
32 background-color: #9191e0!important;
33 border-color: #e7e7e7;
34 }
35 .nav{
36 min-height:37px!important;
37 }
38 .navbar-default {
39 background-color:#1f1f21!important;
40 border-color: #e7e7e7;
41 }
42 .menu ul{margin:0;padding:3px 6px;list-style:none}
43 .menu ul li{float:left;border-right:1px solid #fff;position:relative;}
44
45 .menu ul li:last-child{border-right:0px solid #fff}
46 .menu ul li a{background:rgba(34, 35, 37, 0.99)!important;display:block;padding:5px 25px;text-decoration:none;color:#fff;}
47 .menu ul li a:hover{background:rgb(46, 49, 142);color:#fff;}
48
49 /*This CSS id for Dropdown Menu*/
50 .menu ul li ul{position:absolute;left:-99999px;z-index:10000000}
51 .menu ul li:hover ul{left:0px;}
52 .menu ul li ul li{float:none;border-top:1px solid #fff;width:200px;border-right:0px solid;border-left:0px solid;}
53 .menu ul li ul li:first-child{border-top:0px solid #fff;}
54 .menu ul li ul li:last-child{border-bottom:0px solid #fff;}
55 .menu ul li ul li a{background:#;display:block;padding:3px 52px;text-decoration:none;color:#fff;}
56 .menu ul li ul li a:hover{background:#fff;color:#000;}
57
58
59 .content{
60 background-color:white;
61 color:#2b2121;
62 padding: 20px;
63 }
64 .main_content{
65
66 }
67 .fsection{
68 background-color: rgba(20, 21, 23, 0.99);
69 padding: 0px;
70 height: 35px;
71 padding-left: 485px;
72 color: #fff;
73 }
74 .share_img img {
75 width:40px;
76 height:40px;
77 margin-right: 5px;
78 }
79 .sliderImg img{
80 margin-left: 21px;
81 margin-right: 20px;
82 border: 2px solid #000;
83 }
84 table{border-collapse: collapse;
85 background-color: darkred;
86 }
87 table,th,td{
88 border: 1px solid #fff;width:;margin: 10px auto;
89 }
90 th{
91 background-color: red;color: white;
92 padding:12px;
93 }
94 td{
95 padding: 5px 20px;
96 text-align: center;
97 color: white;
98 background-color:black;
99 }
100 .stick{
101 position: fixed;
102 top: 0px;
103 z-index: 9999999999;
104 }
105 /*--------this is for input type--------*/
106 input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="file"],input[type="date"],select,option{
107 text-align: initial;
108 width:223px;
109 box-shadow:1px 1px 1px #2d2a2a;
110 height:35px;
111 line-height: normal;
112 line-break: inherit;
113 background-color: ivory;
114 align-self: normal;
115 margin-left: 5px;
116 border:1px solid grey;
117 border-radius: 4px;
118 padding:4px 6px;
119 float: right;
120 margin-right: 170px;
121 }
122 input[type="submit"] {
123 margin-right: -709px;
124 margin-top: 25px;
125 /*background-color:#29b6f6;
126 border-radius: 5px;
127 box-shadow: 1px 1px 1px 1px black;*/
128 }
129 select,option {
130 text-align: initial;
131 width: 237px;
132 box-shadow:1px 1px 1px #2d2a2a;
133 height:45px;
134 line-height: normal;
135 line-break: inherit;
136 background-color: ivory;
137 align-self: normal;
138 margin-left: 5px;
139 border:1px solid grey;
140 border-radius: 4px;
141 padding:4px 6px;
142 float: right;
143 margin-right: 170px;
144 }
145 textarea {
146 text-align: initial;
147 width:223px;
148 box-shadow:1px 1px 1px #2d2a2a;
149 /*height: 20px;*/
150 line-height: normal;
151 line-break: inherit;
152 background-color: ivory;
153 align-self: normal;
154 margin-left: 5px;
155 border:1px solid grey;
156 border-radius: 4px;
157 /*padding:4px 6px;*/
158 float: right;
159 margin-right: 170px;
160 }
161 input, textarea, .uneditable-input {
162 /*width: 206px;*/
163 }
164 label {
165 cursor: pointer;
166 float: right;
167 }
168 /*--------input type End--------*/
169
170 /*contact us style*/
171 /*.contact_form {
172 width: 500px;
173 height: 218px;
174 margin-left: 490px;
175 margin-top: 30px;
176 }*/
177
178 /*.contact_left{
179 margin-left: 30px!important;
180 border-right: 2px solid black;
181 }
182 */
183 .btn{
184 padding: 1px 9px!important;
185 border:1px solid!important;
186 }
187
188
189 .box{
190 width: 220px;
191 height:220px;
192 border-radius: 50%;
193 background-color:rgba(0, 0, 255, 0.58);
194 margin-left: 135px;
195 margin-bottom:35px;
196 opacity: .70
197 }
198 .box:hover{
199 opacity: 1;
200 border:2px solid red;
201 font-size: 10px;
202 }
203
204 .box h4{
205 padding-top: 83px;
206 padding-left: 33px;
207 color: white;
208 }
209
210 li{
211 text-decoration: none;
212 list-style: none;
213 color:#fff;
214 }
215
216
217 .formstyle{
218 box-shadow: 4px 5px 3px 2px black;
219 }